<template>
  <div class="theme-config">
    <NuxtLayout>
      <NuxtPage />
    </NuxtLayout>
  </div>
</template>

<script lang="ts" setup>
import { useGlobalStore } from '@/store'
const globalStore = useGlobalStore()

onMounted(() => {
  const { theme } = useRuntimeConfig().public
  globalStore.setThemeConfig(theme as string)
})
</script>

<style lang="scss" scoped>
.theme-config {
  background-color: var(--u-module-background-color);
}
</style>
